/* Card 组件样式 - 适配小程序环境 */

.card-base {
  background-color: #ffffff;
  box-sizing: border-box;
  position: relative;
}

/* 内边距样式 */
.card-padding-sm {
  padding: 24rpx;
}

.card-padding-md {
  padding: 32rpx;
}

.card-padding-lg {
  padding: 48rpx;
}

.card-padding-none {
  padding: 0;
}

/* 阴影样式 */
.card-shadow-sm {
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
}

.card-shadow-md {
  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);
}

.card-shadow-lg {
  box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.18);
}

.card-shadow-none {
  box-shadow: none;
}

/* 圆角样式 */
.card-rounded-sm {
  border-radius: 8rpx;
}

.card-rounded-md {
  border-radius: 12rpx;
}

.card-rounded-lg {
  border-radius: 16rpx;
}

.card-rounded-xl {
  border-radius: 24rpx;
}

.card-rounded-none {
  border-radius: 0;
}

/* 悬停效果 - 在小程序中使用 active 状态模拟 */
.card-hover {
  transition: box-shadow 0.2s ease-in-out;
}

.card-hover:active {
  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);
}
